<template>
  <div>
    <div class="box">
      <img class="bgbox" src="../../assets/icon/bgdownload.png" alt="">
      <a :href="area"><img src="../../assets/icon/icondownload.png" alt="" class="downloadicon"></a>

    </div>
  </div>
</template>

<script>
  import {login_launcher_list} from '@/api/';
  export default {
    data(){
      return{
        tel:'',
        area:'',//地址
      }
    },
    methods:{
      getArea(){
        this.tel = JSON.parse(localStorage.getItem('tel'));
        login_launcher_list({tel:this.tel}).then(res =>{
          this.area = res.data.url;
        })
      }
    },
    mounted() {
      this.getArea();
    }
  }
</script>

<style scoped>
.box{height: 100vh;position: relative;}
.downloadicon{transform: translate(-50%,-50%);left: 50%;top: 50%;position: absolute;width: 100px;}
.bgbox{position: absolute;bottom: 0;left: 0;right: 0;top: 0;width: 100%;height: 100%;}
</style>
